<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
    <title>番茄系统家园-文章列表</title>
    <meta name="keywords" content=" ">
    <meta name="description" content=" ">
    <link rel="shortcut icon" type="images/x-icon" href="favicon.ico">
    <link rel="stylesheet" href="swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/jq1.9.js"></script>
    <script src="js/lazyload.js"></script>
    <script src="js/flexible.js"></script>
    <script src="swiper/swiper-bundle.min.js"></script>
</head>
<body>
    <div class="header-wrap">
        <div class="header-top">
            <a href="/" class="logo"><img src="images/logo.png" alt="logo"></a>
            <div class="flex1">
            </div>
            <div class="num icon">
                <nav>
                    <ul>
                        <li><a href="##"><i class="icon icohome"></i>首页</a></li>
                        <li><a href="##"><i class="icon icoxitong"></i>系统</a></li>
                        <li><a href="##"><i class="icon icoapp"></i>应用</a></li>
                        <li><a href="##"><i class="icon iconews"></i>文章</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="swiper_lunbox">
            <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="##" class="box">
                            <div class="img"><img class="swiper-lazy" data-src="https://www.ppd.cn/uploads/images/thumbnews/2023/1018/1697623144340688.jpg" alt="焰心踏冰，圣域飞歌《阴阳师》铃彦姬典藏皮肤上线！"></div>
                            <div class="item">
                                <div class="img"><img class="swiper-lazy" data-src="https://www.ppd.cn/uploads/images/thumbnews/2023/1018/1697623144340688.jpg" alt="焰心踏冰，圣域飞歌《阴阳师》铃彦姬典藏皮肤上线！"></div>
                                <div class="infor">
                                    <div class="name">心之归途</div>
                                    <p>轻松放置简单策略，全新3D战斗演出！</p>
                                </div>
                                <div class="btn">立即下载</div>
                            </div>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="##" class="box">
                            <div class="img"><img class="swiper-lazy" data-src="https://www.ppd.cn/uploads/images/thumbnews/2023/1018/1697623144340688.jpg" alt="焰心踏冰，圣域飞歌《阴阳师》铃彦姬典藏皮肤上线！"></div>
                            <div class="item">
                                <div class="img"><img class="swiper-lazy" data-src="https://www.ppd.cn/uploads/images/thumbnews/2023/1018/1697623144340688.jpg" alt="焰心踏冰，圣域飞歌《阴阳师》铃彦姬典藏皮肤上线！"></div>
                                <div class="infor">
                                    <div class="name">心之归途</div>
                                    <p>轻松放置简单策略，全新3D战斗演出！</p>
                                </div>
                                <div class="btn">立即下载</div>
                            </div>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="##" class="box">
                            <div class="img"><img class="swiper-lazy" data-src="https://www.ppd.cn/uploads/images/thumbnews/2023/1018/1697623144340688.jpg" alt="焰心踏冰，圣域飞歌《阴阳师》铃彦姬典藏皮肤上线！"></div>
                            <div class="item">
                                <div class="img"><img class="swiper-lazy" data-src="https://www.ppd.cn/uploads/images/thumbnews/2023/1018/1697623144340688.jpg" alt="焰心踏冰，圣域飞歌《阴阳师》铃彦姬典藏皮肤上线！"></div>
                                <div class="infor">
                                    <div class="name">心之归途</div>
                                    <p>轻松放置简单策略，全新3D战斗演出！</p>
                                </div>
                                <div class="btn">立即下载</div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <!--最新文章  -->
        <div class="Minbox">
            <div class="title">
                <div class="bt">最新文章</div>
            </div>
            <div class="swiper-tab">
                <div class="swiper">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide tab on"><a href="##">系统教程</a></div>
                        <div class="swiper-slide tab"><a href="##">游戏资讯</a></div>
                        <div class="swiper-slide tab"><a href="##">游戏资讯</a></div>
                    </div>
                </div>
                <div  class="screen"><i class="icon"></i>筛选</div>
                <div class="layer_screen">
                    <div class="screenbox">
                        <div class="lis">
                            <div class="title"><div class="bt">分类</div></div>
                             <div class="p clear">
                                <a href="##" class="on">系统咨询</a>
                                <a href="##">系统教程</a>
                                <a href="##">系统问题</a>
                                <a href="##">硬件问题</a>
                                <a href="##">系统问题</a>
                             </div>
                        </div>
                        <div class="lis">
                            <div class="title"><div class="bt">特色</div></div>
                             <div class="p clear">
                                <a href="##">养成</a>
                                <a href="##">第一人称射击</a>
                                <a href="##">开放世界</a>
                                <a href="##">模拟经营</a>
                                <a href="##">开放世界</a>
                                <a href="##">养成</a>
                                <a href="##">模拟经营</a>
                                <a href="##">养成</a>
                                <a href="##">模拟经营</a>
                             </div>
                            
                        </div>
                    </div>
                </div>
            </div>
            <div class="Min_news">
                <ul>
                    <li>
                        <a href="##" class="box">
                            <p>小米新系统MIOS和MIUI有什么区别？小米新系统二者 区别介绍</p>
                            <span>2023-11-30</span>
                        </a>
                    </li>
                    <li>
                        <a href="##" class="box">
                            <p>小米新系统MIOS和MIUI有什么</p>
                            <span>2023-11-30</span>
                        </a>
                    </li>
                    <li>
                        <a href="##" class="box">
                            <p>小米新系统MIOS和MIUI有什么区别？小米新系统区别 介绍，小米新系统MIOS和MIUI有什么区别...</p>
                            <span>2023-11-30</span>
                        </a>
                    </li>
                    <li>
                        <a href="##" class="box">
                            <p>小米新系统MIOS和MIUI有什么区别？小米新系统区别 介绍，小米新系统MIOS和MIUI有什么区别...</p>
                            <span>2023-11-30</span>
                        </a>
                    </li>

                </ul>
            </div>
           <div class="pagelink">
                <a href="##">上一页</a>
                <a href="##" class="on">下一页</a>
            </div>
        </div>
    </div>
    <footer>
        <div class="logo">
            <a href="##"><img src="images/logo.png" alt=""></a>
        </div>
        <div class="fotter">
            <div class="text">
                <p> 
                    <a class="link" href="https://beian.miit.gov.cn/#/Integrated/index" class="link">粤ICP备19068136号-23</a>
                </p>
            </div>
        </div>
    </footer>
   
    <div class="QZ-up"></div>
    <script src="js/base.js"></script>
</body>
</html>